//==============字体大小==========================//
$font-xs: rem(12);
$font-sm: rem(14);
$font-md: rem(16);
$font-lg: rem(18);
$font-bg: rem(20);


//==============常用颜色==========================//
$gray-darker: #222;
$gray-dark: #333;
$gray: #666;
$gray-light: #888; //浏览次数
$gray-lighter: #eee;


$color-primary: #337ab7;   //感觉有点深蓝色的感觉
$color-success: #4b4;      //成功绿(宝强绿)
$color-info: #5bc0de;      //信息蓝
$color-warning: #E6A23C;   //警告黄
$color-danger: #F56C6C;    //危险红
$color-money: #f60;        //金钱橙(涉及金额的都用这个颜色)
$blue-light:  #66afe9;     //漂亮的蓝色(人物等级徽章的颜色,排序小箭头激活的颜色)

$placeholder-color: #999; //placeholder的颜色


//==============排版==========================//
$font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;//字体font-family

$line-height-base: 1.4;//行高

$border-radius-small: rem(3);//border-radius
$border-radius-base: rem(5);
$border-radius-lg: rem(7);

$com-padding-lr-base: .75rem;//公共左右padding
$com-padding-lr-lg: 1.5rem;

$header-height: rem(50);//header的高度

$split-line: rem(3) solid $gray-lighter;//常用的分割线样式


//==============表单元素==========================//
$input-search-bg: #fff;//头部搜索框的背景颜色
$input-search-color: $gray;//头部搜索框字体的颜色
$input-search-placeholder: $placeholder-color;//头部搜索框placeholder的颜色
$input-search-border: 1px solid #ccc;//头部搜索框border的颜色
$input-search-padding-lr: rem(15);//头部搜索框的左右边距
$input-search-padding-tb: rem(7.2);//头部搜索框的上下边距
$input-search-border-radius: $border-radius-base;//头部搜索框的border-radius
$input-search-font-size: $font-xs;

$input-border-radius: $border-radius-small;
$input-border-radius: $border-radius-base;
$input-border-radius: $border-radius-lg;
//==============主页标题==========================//
$title-color: #008489;
$title-font-size: $font-lg;

//==============图标,头像,图片的大小,日迹图片大小==========================//
$classify-icon-width: rem(30);//分类图标的宽度
$classify-icon-height: rem(30);//分类图标的高度
$contact-icon: rem(25);//联系方式(微信，qq，电话，其他)图标大小
$track-img-width: rem(75);//日迹图片宽度
$track-img-height: rem(60);//日迹图片高度

$header-img-width: rem(40);//头像的正常宽度
$header-img-height: rem(40);//头像的正常高度
$header-img-width-lg: rem(50);//头像的较大宽度
$header-img-height-lg: rem(50);//头像的较大高度
$header-img-width-small: rem(30);//头像的较小宽度
$header-img-height-small: rem(30);//头像的较小高度





